var limit =3;

var currPn =1;
var picsArr = [];
$ (function(){
		queryfoods(currPn,limit);
})

function queryfoods(pn, limit){
	currPn = pn;
	$.ajax({
		type: "get",
		url: "foodManage",
		async: true,
		data: {
			method: "showAllFoods",
			pn: currPn,
			limit: limit
		},
		dataType: "json",
		success: function(data) {
			console.log(data);
			//开始遍历
			var strs_data = '';
			var pm = data.pm; //分页对象数据
			$(data.foods).each(function(indx, food) {
				picsArr[indx] = food.food_pic;
				
				strs_data += '<tr>';
				var path = food.food_pic;
				path = path.replace(/\\/g,"/");
				strs_data += '<td style="vertical-align:middle;text-align: center;" >' + food.food_id+ '</td>';
				strs_data += '<td style="vertical-align:middle;text-align: center;">' +  food.food_name+ '</td>';
				strs_data += '<td style="vertical-align:middle;text-align: center;">' + food.food_price + '￥</td>';
				strs_data += '<td style="vertical-align:middle;text-align: center;">' + food.food_introduce + '</td>';
				if(food.food_grade==""||food.food_grade==undefined){
					strs_data += '<td style="vertical-align:middle;text-align: center;">用户还未评分</td>';
				}
				else{
					strs_data += '<td style="vertical-align:middle;text-align: center;">'+food.food_grade+'</td>';
				}
				strs_data += '<td style="vertical-align:middle;text-align: center;" ><img onclick="showImage(this,'+indx+')" src="foodManage?method=showImage&path='+path+'" height="100px"/></td>';
				strs_data += '<td style="vertical-align:middle;text-align: center;">' + food.stock + '份</td>';
			
//				//拿第一张作为封面
//				var path = product.pics[0].pic_address;
//				//为了以防万一
//				path = path.replace(/\\/g,"/");
				
				strs_data += '<td style="vertical-align:middle;text-align: center;">';
				strs_data += '<div class="btn-group">';
				//将这个对象转化成json字符串传递过去
				var foodStr = JSON.stringify(food).replace(/\"/g,"'");
				strs_data += '<a class="btn btn-xs btn-default" href="foodManage?method=queryFood&food_id='+ food.food_id +'&pn='+ pn +'" title="编辑" data-toggle="tooltip"><i class="mdi mdi-pencil"></i></a>';
				strs_data += '<a class="btn btn-xs btn-default" href="javascript:deleteFood('+food.food_id+');" title="删除" data-toggle="tooltip"><i class="mdi mdi-window-close"></i></a>';
				
				strs_data += '</div>';
				strs_data += '</td>';
				strs_data += '</tr>';
			});
			
			//将整个html代码加载到页面中
			$(".table-bordered tbody").html(strs_data);
			
			//加载图片
//			<div class="item active"><img src="../images/img-slide-2.jpg" alt="图片一"></div>
//		    <div class="item"><img src="../images/img-slide-3.jpg" alt="图片二"></div>
//		    <div class="item"><img src="../images/img-slide-4.jpg" alt="图片三"></div>
			
			//加载分页
			var strs_pages = '';

			//上一页
			if(pm.pn <= 1) {
				strs_pages += '<li class="disabled"><span>«</span></li>';
			} else {
				strs_pages += '<li><a href = "javascript:queryfoods(' + (pm.pn - 1) + ',' + limit + ')"><span>«</span></a></li>';
			}

			//中间部分
			for(var i = 1; i <= pm.pages; i++) {
				if(pm.pn == i) {
					//代表这一页正好是这个数字
					strs_pages += '<li class="active"><span>' + i + '</span></li>';
				} else {
					strs_pages += '<li><a href="javascript:queryfoods(' + i + ',' + limit + ')">' + i + '</a></li>';
				}
			}

			//strs_pages += '<li class="disabled"><span>...</span></li>';
			//strs_pages += '<li><a href="#!">14452</a></li>';
			//strs_pages += '<li><a href="#!">14453</a></li>';
			//最后一页
			if(pm.pn >= pm.pages) {
				strs_pages += '<li class="disabled"><span>»</span></li>';
			} else {
				strs_pages += '<li><a href="javascript:queryfoods(' + (pm.pn + 1) + ',' + limit + ')">»</a></li>';
			}

			//将这个分页的html字符串写到页面中
			$(".pagination").html(strs_pages);
		}
	});
}
function showImage(img, indx) {
	var img_strs = '';
	var pic = picsArr[indx];
	//第一张图片显示
	img_strs += '<div class="item active"><img src="foodManage?method=showImage&path='+pic[0].pic_address+'"></div>';
	for (var j = 1; j < pic.length; j++) {
		img_strs += '<div class="item"><img src="foodManage?method=showImage&path='+pic[j].pic_address+'"></div>';
	}
	//console.log(img_strs);
	$(".carousel-inner").html(img_strs);
	imgShow("#outerdiv", "#innerdiv", "#bigimg", $(img));
}

/**
 * 预览图片
 * @param {Object} outerdiv
 * @param {Object} innerdiv
 * @param {Object} bigimg
 * @param {Object} _this
 */
function imgShow(outerdiv, innerdiv, bigimg, _this) {
	var src = _this.attr("src"); //获取当前点击的pimg元素中的src属性  
	$(bigimg).attr("src", src); //设置#bigimg元素的src属性  

	/*获取当前点击图片的真实大小，并显示弹出层及大图*/
	$("<img/>").attr("src", src).load(function() {
		var windowW = $(window).width(); //获取当前窗口宽度  
		var windowH = $(window).height(); //获取当前窗口高度  
		var realWidth = this.width; //获取图片真实宽度  
		var realHeight = this.height; //获取图片真实高度  
		var imgWidth, imgHeight;
		var scale = 0.8; //缩放尺寸，当图片真实宽度和高度大于窗口宽度和高度时进行缩放  

		if(realHeight > windowH * scale) { //判断图片高度  
			imgHeight = windowH * scale; //如大于窗口高度，图片高度进行缩放  
			imgWidth = imgHeight / realHeight * realWidth; //等比例缩放宽度  
			if(imgWidth > windowW * scale) { //如宽度扔大于窗口宽度  
				imgWidth = windowW * scale; //再对宽度进行缩放  
			}
		} else if(realWidth > windowW * scale) { //如图片高度合适，判断图片宽度  
			imgWidth = windowW * scale; //如大于窗口宽度，图片宽度进行缩放  
			imgHeight = imgWidth / realWidth * realHeight; //等比例缩放高度  
		} else { //如果图片真实高度和宽度都符合要求，高宽不变  
			imgWidth = realWidth;
			imgHeight = realHeight;
		}
		$(bigimg).css("width", imgWidth); //以最终的宽度对图片缩放  

		var w = (windowW - imgWidth) / 2; //计算图片与窗口左边距  
		var h = (windowH - imgHeight) / 2; //计算图片与窗口上边距  
		$(innerdiv).css({
			"top": h,
			"left": w
		}); //设置#innerdiv的top和left属性  
		$(outerdiv).fadeIn("fast"); //淡入显示#outerdiv及.pimg  
	});

	/*$(outerdiv).click(function() { //再次点击淡出消失弹出层  
		$(this).fadeOut("fast");
	});*/
}
$(document).click(function(e) { // 在页面任意位置点击而触发此事件
  //console.log(e);
  //var elementId = $(e.target).prop("id"); // e.target表示被点击的目标
  //var nodeName = $(e.target).prop("nodeName");.//获取节点的名称
  //console.log(elementId);
  //console.log(nodeName);
  //如果点击的外层的div就隐藏
  if($(e.target).prop("id") == 'outerdiv'){
  	$("#outerdiv").fadeOut("fast");
  	
  }
});

function deleteFood(id){
//	var picsAddress = '';
//	$(picsArr[indx]).each(function(ind, food){
//		picsAddress += food.food_pic + '*';
//	});
//	
	$.confirm({
        title: '警告',
        content: '确认删除吗？删除后数据不可恢复！',
        type: 'orange',
        typeAnimated: false,
        buttons: {
            omg: {
                text: '确定',
                btnClass: 'btn-orange',
                action : function(){
                	$.post("foodManage?method=deleteFood&food_id="+id,
                		{},
                		function(data){
						console.log(data);
						//判断
						resultAlert(data.code, '删除');
						setTimeout(function() {
							//显示当前页
							queryfoods(currPn, limit);
						}, 1000);
						
					},"json");
                }
            },
            close: {
                text: '关闭',
            }
        }
    });
}

function searchFood(){
	var pn=1;
	
	var inputvalue=$(".form-control").val().toString();
	console.log(inputvalue);
	if(inputvalue==null||inputvalue==undefined||inputvalue==''){
		lightyear.loading('show');
		setTimeout(function() {
			lightyear.loading('hide');
			lightyear.notify('请输入菜名关键字', 'warning', 1000, 'mdi mdi-close-circle');
		}, 1000);
	}
	else{
		$.ajax({
		type:"get",
		url:"foodManage",
		async: true,
		data:{
			method:"searchFood",
			pn:pn,
			limit:limit,
			food_name:inputvalue
		},

		dataType: "json",
		success: function(data) {
			console.log(data);
			//开始遍历
			var strs_data = '';
			var pm = data.pm; //分页对象数据
			if(data.code == 1){
					lightyear.loading('show');
				setTimeout(function() {
					lightyear.loading('hide');
					lightyear.notify('查询成功', 'success', 1000, 'mdi mdi-close-circle');
				}, 1000);
			$(data.foods).each(function(indx, food) {
				
				picsArr[indx] = food.food_pic;
				
				strs_data += '<tr>';
				var path = food.food_pic;
				path = path.replace(/\\/g,"/");
				strs_data += '<td style="vertical-align:middle;text-align: center;" >' + food.food_id+ '</td>';
				strs_data += '<td style="vertical-align:middle;text-align: center;">' +  food.food_name+ '</td>';
				strs_data += '<td style="vertical-align:middle;text-align: center;">' + food.food_price + '￥</td>';
				strs_data += '<td style="vertical-align:middle;text-align: center;">' + food.food_introduce + '</td>';
				if(food.food_grade==""||food.food_grade==undefined){
					strs_data += '<td style="vertical-align:middle;text-align: center;">用户还未评分</td>';
				}
				else{
					strs_data += '<td style="vertical-align:middle;text-align: center;">'+food.food_grade+'</td>';
				}
				strs_data += '<td style="vertical-align:middle;text-align: center;" ><img onclick="showImage(this,'+indx+')" src="foodManage?method=showImage&path='+path+'" height="100px"/></td>';
				strs_data += '<td style="vertical-align:middle;text-align: center;">' + food.stock + '份</td>';
			
//				//拿第一张作为封面
//				var path = product.pics[0].pic_address;
//				//为了以防万一
//				path = path.replace(/\\/g,"/");
				
				strs_data += '<td style="vertical-align:middle;text-align: center;">';
				strs_data += '<div class="btn-group">';
				//将这个对象转化成json字符串传递过去
				var foodStr = JSON.stringify(food).replace(/\"/g,"'");
				strs_data += '<a class="btn btn-xs btn-default" href="foodManage?method=queryFood&food_id='+ food.food_id +'&pn='+ pn +'" title="编辑" data-toggle="tooltip"><i class="mdi mdi-pencil"></i></a>';
				strs_data += '<a class="btn btn-xs btn-default" href="javascript:deleteFood('+food.food_id+');" title="删除" data-toggle="tooltip"><i class="mdi mdi-window-close"></i></a>';
				
				strs_data += '</div>';
				strs_data += '</td>';
				strs_data += '</tr>';
			});
			
			//将整个html代码加载到页面中
			$(".table-bordered tbody").html(strs_data);
			
			//加载图片
//			<div class="item active"><img src="../images/img-slide-2.jpg" alt="图片一"></div>
//		    <div class="item"><img src="../images/img-slide-3.jpg" alt="图片二"></div>
//		    <div class="item"><img src="../images/img-slide-4.jpg" alt="图片三"></div>
			
			//加载分页
			var strs_pages = '';

			//上一页
			if(pm.pn <= 1) {
				strs_pages += '<li class="disabled"><span>«</span></li>';
			} else {
				strs_pages += '<li><a href = "javascript:queryfoods(' + (pm.pn - 1) + ',' + limit + ')"><span>«</span></a></li>';
			}

			//中间部分
			for(var i = 1; i <= pm.pages; i++) {
				if(pm.pn == i) {
					//代表这一页正好是这个数字
					strs_pages += '<li class="active"><span>' + i + '</span></li>';
				} else {
					strs_pages += '<li><a href="javascript:queryfoods(' + i + ',' + limit + ')">' + i + '</a></li>';
				}
			}

			//strs_pages += '<li class="disabled"><span>...</span></li>';
			//strs_pages += '<li><a href="#!">14452</a></li>';
			//strs_pages += '<li><a href="#!">14453</a></li>';
			//最后一页
			if(pm.pn >= pm.pages) {
				strs_pages += '<li class="disabled"><span>»</span></li>';
			} else {
				strs_pages += '<li><a href="javascript:queryfoods(' + (pm.pn + 1) + ',' + limit + ')">»</a></li>';
			}

			//将这个分页的html字符串写到页面中
			$(".pagination").html(strs_pages);
		}else{
			lightyear.loading('show');
			setTimeout(function(){
				lightyear.loading('hide');
				lightyear.notify('无相关数据,请重新输入', 'warning', 1000, 'mdi mdi-close-circle');
			},2000);
			$(".form-control").val('');
		}
//			else{
//				lightyear.loading('show');
//				setTimeout(function() {
//					lightyear.loading('hide');
//					lightyear.notify('无相关数据,请重新输入', 'warning', 1000, 'mdi mdi-close-circle');
//				}, 2000);
//				
//				$(".form-control").val('');
//			}
//		}
				}
		
//		success: function(data) {
//		
//			
//			if(data.code == 1){
//				lightyear.loading('show');
//				setTimeout(function() {
//					lightyear.loading('hide');
//					lightyear.notify('查询成功', 'success', 1000, 'mdi mdi-close-circle');
//				}, 1000);
//				setTimeout(function() {
//					
//				}, 1000);
//			}
//			else(){
//				lightyear.loading('show');
//				setTimeout(function() {
//					lightyear.loading('hide');
//					lightyear.notify('无相关数据,请重新输入', 'warning', 1000, 'mdi mdi-close-circle');
//				}, 2000);
//				
//				$(".form-control").val('');
//			}
//		}
		
	});
	}
}
